import React from 'react'
import './topclass.css'
const allclass: React.FC = () => {
    return (
        <div className='classs'>

            <div className='classs-hed'>
                <img src="../src/assets/img/kia.png" alt="" />
            </div>


            <div className='classs-body'>



                <div className='classs-lt'>
                    <div className='ltul'>
                        <div>
                            <p className='iconfont icon-ad' style={{ color: '#35acf7' }}></p>
                            <p className='t1'>广告设计</p>
                        </div>

                        <div>
                            <p className='iconfont icon-shipin' style={{ color: '#fda443' }}></p>
                            <p className='t1'>视频音频</p>
                        </div>

                        <div>
                            <p className='iconfont icon-ad' style={{ color: '#4edbe4' }}></p>
                            <p className='t1'>UI新媒体</p>
                        </div>

                        <div>
                            <p className='iconfont icon-shouji' style={{ color: '#65ddca' }}></p>
                            <p className='t1'>办公文档</p>
                        </div>

                        <div>
                            <p className='iconfont icon-gouwu' style={{ color: '#fcd25f' }}></p>
                            <p className='t1'>电商淘宝</p>
                        </div>

                        <div>
                            <p className='iconfont icon-xiangji' style={{ color: '#7383ff' }}></p>
                            <p className='t1'>摄影图</p>
                        </div>

                        <div>
                            <p className='iconfont icon-tupian' style={{ color: '#d18bf1' }}></p>
                            <p className='t1'>插画动图</p>
                        </div>

                        <div>
                            <p className='iconfont icon-ranfashuazi' style={{ color: '#f0b669' }}></p>
                            <p className='t1'>装饰装修</p>
                        </div>



                        <div>
                            <p className='iconfont icon-zitibeijingse' style={{ color: '#f69be9' }}></p>
                            <p className='t1'>字体</p>
                        </div>


                        <div>
                            <p className='iconfont icon-yingyong' style={{ color: '#2ddae1' }}></p>
                            <p className='t1'>3D素材</p>
                        </div>

                    </div>




                </div>

                <div className='classs-rt'>
                    <div>
                        <span>海报设计</span>
                        <span>展板设计</span>
                        <span>背景素材</span>
                        <span>元素素材</span>
                        <span>节日海报</span>
                        <span>LOGO</span>
                        <span>单页折页</span>
                    </div>

                         <div>
                        <span>AE模版</span>
                        <span>抖音视频</span>
                        <span>巨幕宽屏</span>
                        <span>背景视频</span>
                        <span>实拍视频</span>
                        <span>影视配乐</span>
                        <span>广告配乐</span>
                    </div>

                          <div>
                        <span>网页页面</span>
                        <span>手机海报</span>
                        <span>H5/启动页</span>
                        <span>移动app页</span>
                        <span>公众号首图</span>
                        <span>公众号小图</span>
                        <span>ICON图标</span>
                    </div>

                          <div>
                        <span>求职简历</span>
                        <span>人事相关</span>
                        <span>行政相关</span>
                        <span>商务汇报</span>
                        <span>教育培训</span>
                        <span>手绘小报</span>
                        <span>颁奖典礼</span>
                    </div>

                          <div>
                        <span>详情页</span>
                        <span>手机端</span>
                        <span>C4D海报</span>
                        <span>首页模版</span>
                        <span>促销海报</span>
                        <span>促销标签</span>
                        <span>弹窗挂件</span>
                    </div>

                          <div>
                        <span>自然风景</span>
                        <span>餐饮美食</span>
                        <span>建筑空间</span>
                        <span>人像摄影</span>
                        <span>生活方式</span>
                        <span>商务办公</span>
                        <span>医疗健康</span>
                    </div>

                          <div>
                        <span>情感表达</span>
                        <span>节日节气</span>
                        <span>教育文化</span>
                        <span>动态海报</span>
                        <span>动态插画</span>
                        <span>科技概念</span>
                        <span>动态二维码</span>
                    </div>

                          <div>
                        <span>背景墙</span>
                        <span>文化墙</span>
                        <span>装饰画</span>
                        <span>地面装饰</span>
                        <span>导视标识</span>
                        <span>家居装饰</span>
                        <span>婚礼效果图</span>
                    </div>

                          <div>
                        <span>楷体</span>
                        <span>黑体</span>
                        <span>宋体</span>
                        <span>创意字体</span>
                        <span>拼音字体</span>
                        <span>手写字体</span>
                        <span>中国风字体</span>
                    </div>

                          <div>
                        <span>3D元素</span>
                        <span>3D海报</span>
                        <span>3D背景</span>
                        <span>美陈雕塑</span>
                        <span>材质贴图</span>
                        <span>室内景观</span>
                        <span>样机模型</span>
                    </div>

                </div>
            </div>

        </div>
    )
}

export default allclass
